{extend name="public/base" /}
{block name="head"}
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/metro/easyui-c5a176a3d4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/icon-77a4ded0c8.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/bootstrap/3.0.3/css/bootstrap-a067b6d831.min.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/bootstrap-daterangepicker/css/daterangepicker-886dba62c4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/font-awesome/css/font-awesome-a81d284b37.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/admin-lte/css/AdminLET-7d58b99a7e.css" rel="stylesheet" />
    <link href="__static_path__/css/base-dc47892812.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/jason/searchbox/css/searchbox-398327fb84.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/pager/css/pager-f077f5e880.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/status/css/status-5f59ab3856.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/selector/css/selector-23060c280e.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/button/css/button-5ef10c798a.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/orderarrow/css/orderarrow-dcf8eba7d1.css" rel="stylesheet" />

    <link href="__static_path__/css/table-0e491bc98f.css" rel="stylesheet" />
    <link href="__static_path__/css/easyui-ext-372f902530.css" rel="stylesheet" />


{/block}
{block name="content"}
        <section class="content">


            <div class="container" style="width:100%">
                <div class="row">
                <form action="{:url('bill')}" method="get" class="search">
                    <ul>
                        <li class="fl h31 ml10">日期范围：</li>
                        <li class="ml10 fl">
                            <input type="text" class="form-control" id="dateRange" style="width:200px" name="date">
                        </li>
                        <li class="ml10 fl">
                            <a href="#" class="btn-action fl" id="btnSearch">查询</a>
                        </li>
                         <li class="fl h31 ml10">
                            <a class="btn-action" id="btnClear">清空</a>
                        </li>
                    </ul>
                </form>
                </div>

                <div class="row mt10">
                    <table class="order mt10">
                        <tbody><tr class="header">
                            <td>#</td>
                            <td>账单号</td>
                            <td>订单数</td>
                            <td>金额(元)</td>
                            <td>备注</td>
                            <td>生成时间</td>
                            <td>操作人</td>
                            <td>状态</td>
                            <td>操作</td>
                        </tr>
                        </tbody><tbody id="statements">
                    {empty name="datalist"}
                        <tr class="project">
                            <td colspan="8">暂无数据</td>
                        </tr>
                    {else /}
                    {foreach $datalist as $vo}
                        <tr class="project">
                            <td style="width:50px;">{$vo.id}</td>
                            <td>{$vo.bill}</td>
                            <td>{$vo.number}</td>
                            <td>{$vo.money}</td>
                            <td>{$vo.bief}</td>
                            <td>{$vo.create_time}</td>
                            <td>{:getMid($vo['uid'])}</td>
                            <td>
                            {switch name="vo['status']" }
                                {case value="0"}未处理{/case}
                                {case value="1"}已处理{/case}
                            {/switch}
                            </td>
                            <td>
                            <a href="javascript:" onclick="changeStatus({$vo.id})">处理</a>
                            <a href="javascript:" onclick="del({$vo.id})">删除</a>
                            </td>
                        </tr>
                    {/foreach}
                    {/empty}

                    </tbody>
                        <tfoot>
                        <tr class="footer">
                          <!--   <td colspan="9"><div id="pager" style="float:right" class="page_ctrl"><ul class="pagenum"><li><a href="javascript:" data-options="1">&lt;&lt;</a></li><li><a href="javascript:" data-options="1">&lt;</a></li><li><a href="javascript:" data-options="0">&gt;</a></li><li><a href="javascript:" data-options="0">&gt;&gt;</a></li></ul><span class="text">有0条数据，每页显示<select class="page_size"><option value="10">10</option><option value="20" selected="selected">20</option><option value="30">30</option><option value="40">40</option><option value="50">50</option></select>条，共0页</span></div></td> -->
                        </tr>
                        </tfoot>
                    </table>
                     <div id="pager" class="fr">
                        {$datalist->render()}
                      </div>
                </div>
            </div>

           



        </section>
{/block}
{block name="script"}
<script src="__resource_path__/libs/jquery/jquery-1-4ed679c998.11.3.min.js"></script>
<script src="__resource_path__/libs/ajaxfileupload-20caa375ef.js"></script>
<script src="__resource_path__/ui-framework/bootstrap/3.0.3/js/bootstrap-7b3098bda9.min.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/moment-zh_cn-3d8809ccd6.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/daterangepicker-bca1a72d19.js"></script>
<script src="__resource_path__/ui-framework/admin-lte/app-bf15eda982.js"></script>

<script src="__resource_path__/ui-framework/easyui-1.5.2/jquery-623c7c7acd.easyui.min.js"></script>
<script src="__resource_path__/ui-framework/easyui/plugins/jquery-1db0d9c758.checkbox.js"></script>
<script src="__resource_path__/ui-framework/jason/searchbox/searchbox-3fc48f72fe.js"></script>
<script src="__resource_path__/ui-framework/jason/pager/pager-0646a093e8.js"></script>
<script src="__resource_path__/ui-framework/jason/status/sky-2d329149af.tools.status.js"></script>
<script src="__resource_path__/ui-framework/jason/screenshot-paste-0b91b6bd4a.js"></script>
<script src="__resource_path__/ui-framework/jason/selector/selector-a0b18d2070.js"></script>
<script src="__resource_path__/ui-framework/jason/button/button-71f76513c7.js"></script>
<script src="__resource_path__/ui-framework/jason/orderarrow/orderarrow-1bbd8bcec2.js"></script>
<script src="__resource_path__/libs/clipboard-892cfb62e7.min.js"></script>
<script src="__resource_path__/libs/template-2d62718262.js"></script>
<script src="__resource_path__/libs/jquery-d833fe9e58.cookie.js"></script>
<!-- <script src="__resource_path__/libs/common-21f077db5b.js"></script> -->
<script src="__resource_path__/libs/tools-4754a28493.js"></script>
<script src="__resource_path__/libs/basePage-d30d50f2ce.js"></script>

<!-- <script src="__static_path__/js/order-627da7e816.js"></script> -->
<script src="__static_path__/js/order-settlement-f60750391d.js"></script>
<script src="__static_path__/js/layer/layer.js"></script>
<script type="text/javascript">
    $().ready(function () {
        var url = $('#hdnURL').val();

        $('.sidebar .treeview').each(function (index, item) {
            var btn = $(this).children("a").first();
            var menu = $(this).children(".treeview-menu").first();

            $(this).find('a').each(function (index, item) {
                if ($(item).attr('href') == url) {
                    menu.show();
                    btn.children(".fa-angle-left").first().removeClass("fa-angle-left").addClass("fa-angle-down");
                }
            });
        });
    });

$("#dateRange").daterangepicker(
    {
    showDropdowns:!0,
    timePicker:!0,
    timePicker24Hour:!0,
    timePickerIncrement:5,
    autoApply:!0,
    startDate:$("#startDate").val(),
    endDate:$("#endDate").val(),
    locale:
    {
    direction:"ltr",
    format:"YYYY/MM/DD HH:mm",
    separator:" - ",
    applyLabel:"确定",
    cancelLabel:"取消",
    fromLabel:"From",
    toLabel:"To",
    customRangeLabel:"自定义",
    daysOfWeek:["日","一","二","三","四","五","六"],
    monthNames:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
    firstDay:1
    },
    linkedCalendars:!1,
    alwaysShowCalendars:!1,
    opens:"right"
    },function(e,t,i){
        
    });

$('#btnSearch').click(function(){
    $('.search').submit();
})
$('#btnClear').click(function(){
    $('.search input').val('');
})

function del(id){
layer.confirm('此操作不可撤销，确定要删除该账单？', {}, function(){
    $.post('/index/index/delbill',{id:id},function(res){
        layer.msg(res.msg);
        if(res.code == 1){
            window.setTimeout(function(){
                window.location.reload();
            },1000);
        }
    })
}, function(){
});
}

function changeStatus(id){
layer.confirm('确定要处理该账单？', {}, function(){
    $.post('/index/index/changeStatus',{id:id},function(res){
        layer.msg(res.msg);
        if(res.code == 1){
            window.setTimeout(function(){
                window.location.reload();
            },1000);
        }
    })
}, function(){
});
}
</script>
{/block}